<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#div1{
				background-color: red;
			}
			#div2{
				background-color: green;
			}
			#div3{
				background-color: yellow;
			}
          	div{
              	 width:100px;
              	 height:100px;
			}
			#span1{
				background-color: green;
			}
			#span2{
				background-color: red;
			}
			div{
				display: inline;
			}
			span{
				display: block;
			}
			#div2{
				display: none;
			}
		</style>
	</head>
	<body>
		<!--
			【需求】
				1. 将div转换成行内元素；
				2. 将span转换成行级元素；
				3. 将id为div3的div隐藏；
		-->
		
		
		<div id="div1">
          	我是div1
      	</div>
      	<div id="div2" >
          	我是div2
      	</div>
      	<div id="div3" >
          	我是div3
      	</div>
     	 <hr />
      	<span id="span1">我是span1</span>
        <span id="span2">我是span2</span>
	</body>
</html>